<script setup>
// const selected=defineModel('selected')
import { ref } from 'vue'
import{ColorList,TileNumberRange} from './config.js'


defineProps(['showNumber', 'tileNumber', 'colorPointer'])
</script>

<template>
  <div class="tile"  :style="{ backgroundColor: ColorList[colorPointer] }"><div v-if="showNumber" class="tileNumber">{{tileNumber}}</div></div>

</template>

<style scoped>

div{
  display: flex;
  width:19dvw;
  aspect-ratio: 1;
  border-radius: 5%;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 10vw;
  font-family:'Impact' ,'Helvetica';
  color:white
}


</style>
